
	<meta charset="utf-8" />
	<h1 id="info">Please allow this page to access your camera.</h1>

	<div id="notSupported">
		<h1>Your browser does not support the Camera API.</h1>
	</div>

	<pre id="ascii"></pre>
	<button id="pause">pause / resume</button>

	<a href="https://github.com/idevelop/ascii-camera" id="fork" target="_blank">View on GitHub</a>
	<a href="http://idevelop.github.com/" id="idevelop" target="_blank">Made by idevelop</a> 

	<script src="http://www.workerman.net/demos/live-ascii-camera/script/camera.js"></script>
	<script src="ascii.js"></script>
	<!-- <script src="http://www.workerman.net/demos/live-ascii-camera/script/app.js"></script> -->
	
	
	
	
<canvas id="myCanvas">your browser does not support the canvas tag </canvas>

<script type="text/javascript">

var canvas=document.getElementById('myCanvas');

var asciiContainer = document.getElementById("ascii");

function drawBeauty(beauty){
	var ctx=canvas.getContext('2d');  
	ctx.drawImage(beauty, 0, 0);
}

function a_show(){
	ascii.fromCanvas(canvas, {
		contrast: 255,
		callback: function(asciiString) {
			asciiContainer.innerHTML = asciiString;
		}
	});
}

var beauty = new Image();  
beauty.src = "i.png"; 
beauty.onload=function(){ 
	drawBeauty(beauty);
}

setTimeout(function(){
a_show();
var a = asciiCharacters_array;

function cha(a,b){
	for(i in  a){ 
		for(j in a[i]){
			if(a[i][j] == b[i][j]){
				a[i][j] = 0;
			}else{ 
				a[i][j] = 1;
			}
		}
	}
}
cha(a,a)


},3*1000);



</script>



	
	<script>
	
	
	</script>